<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>chart</title>
</head>
<link rel="stylesheet" type="text/css" href="/bigjo/css/Chart.css">
<script type="text/javascript" src="/bigjo/js/jquery.js"></script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
		jQuery(".arealike").click(function(){
			var idx = document.URL.indexOf("bigjo");
			var str = document.URL.substring(0,idx+5);
			jQuery("#ChartForm").load(str + "/arealike.chart");
		});

		jQuery.noConflict();
		jQuery(".genderlike").click(function(){
			var idx = document.URL.indexOf("bigjo");
			var str = document.URL.substring(0,idx+5);
			jQuery("#ChartForm").load(str + "/genderlike.areagender");
		});
		
		jQuery.noConflict();
		jQuery(".gendersinger").click(function(){
			var idx = document.URL.indexOf("bigjo");
			var str = document.URL.substring(0,idx+5);
			jQuery("#ChartForm").load(str + "/gendersingerlike.gendersinger");
		});
		
		jQuery.noConflict();
		jQuery(".musiclike").click(function(){
			var idx = document.URL.indexOf("bigjo");
			var str = document.URL.substring(0,idx+5);
			jQuery("#ChartForm").load(str + "/musiclike.musiclike");
		});
		
		jQuery.noConflict();
		jQuery(".musicgender").click(function(){
			var idx = document.URL.indexOf("bigjo");
			var str = document.URL.substring(0,idx+5);
			jQuery.ajax({
				url : str + "/musigenderclike.musicgender",
				success:function(data){
					jQuery("#ChartForm").html(data);
				}
			});
		});
		
		jQuery.noConflict();
		jQuery(".singerlike").click(function(){
			var idx = document.URL.indexOf("bigjo");
			var str = document.URL.substring(0,idx+5);
			jQuery("#ChartForm").load(str + "/singerlike.singerlike");
		});
		
		jQuery.noConflict();
		jQuery(".monthgenre").click(function(){
			var idx = document.URL.indexOf("bigjo");
			var str = document.URL.substring(0,idx+5);
			jQuery("#ChartForm").load(str + "/monthgenre.monthgenre");
		});
});

</script>
<body>
	<jsp:include page="/upMenu.main"></jsp:include>
	<div id="Chartalldiv">
		<div id="sizeform">
			<div id="Chartdiv">
					<nav id="Chartnav">
						<ul id="Chartul">
							<li><a class="arealike">지역별 선호도</a></li>
							<li><a class="genderlike">지역별 성별 선호 장르</a></li>
							<li><a class="gendersinger">지역별 성별 가수 선호도</a></li>
							<li><a class="musiclike">노래별 선호 연령대</a></li>
							<li><a class="musicgender">노래별 성별 선호도</a></li>
							<li><a class="singerlike">가수별 선호 연령대</a></li>
							<li><a class="monthgenre">월별 장르 선호도</a></li>
						</ul>
					</nav>
			</div>
			<div id="ChartView">
				<div id="ChartForm"></div>
			</div>
		</div>
	</div>
</body>
</html>